$csub: #f00;
$cborder: #d9d9d9;
$h: 80px;
.cgnav{
    .nav{line-height: $h;height: $h;}
}
.cgnav-y{height: 100%;
    .scrollview-y{height: 100%;}
    .nav.active{background-color: #fff;}
}
.cgnav-x{
    .scrollview-x{
        width: 100%;
        // width: 100%;overflow: hidden;padding-left: 10px;position: relative;
        // &::before{content:" ";position:absolute;left: 0;bottom:0;right: 0;height:2px;border-top:1px solid $cborder;}
        .nav{padding: 0 10px;white-space: nowrap;line-height: $h;}
        // .active{position: relative;}
        // .active:before{content:" ";position:absolute;left:0;bottom:0;right:0;height:2px;border-top:1px solid $csub;}
        // .nav{display: inline-block;white-space: nowrap;}
    }
}
